{inc:header.htm}
{block:global_show show_prev_next="1"}
<div class="header-line">
	<div class="container">
		<div class="row">
			<div class="col-md-8">
				<ul class="list-inline" id="top_notice">
				<li>你的位置：<a href="{$pp[weburl]}">网站首页</a> {loop:$pp_var[place] $v} &gt; <a href="{$v[url]}">{$v[name]}</a>{/loop}</li>
				</ul>
			</div>
			<div class="col-md-4"></div>
		</div>
	</div>
</div>
<div class="container mt20">
	<div class="page-header text-center text-success">
		<h1>{$gdata[title]}</h1>
	</div>
	<div class="row clearfix">
		<div class="col-sm-8">
			<div role="tabpanel">
				<ul class="nav nav-tabs" role="tablist">
					<li role="presentation" class="active"><a href="#about" aria-controls="about" role="tab" data-toggle="tab" hidefocus="true">资源介绍</a></li>
					{if:$gdata[faqs]}
					<li role="presentation"><a href="#faq" aria-controls="faq" role="tab" data-toggle="tab" hidefocus="true">FAQ<span class="text-danger"> ({$gdata[faqs]})</span></a></li>
					{/if}
					{if:$gdata[comments]}
					<li role="presentation"><a href="#comments" aria-controls="comments" role="tab" data-toggle="tab" hidefocus="true">评论 <span class="text-danger">({$gdata[comments]})</span></a></li>
					{/if}
				</ul>
				<div class="tab-content">
					<div role="tabpanel" class="tab-pane active" id="about">
						{if:$gdata[content]}{$gdata[content]}{/if}
						{if:!empty($gdata[images])}
							{loop:$gdata[images] $v}
								<p class="text-center"><img src="{$v[big]}" class="img-responsive img-thumbnail" alt="{$v[content]}"></p>
							{/loop}
						{/if}
						<div class="clearfix">
							{if:isset($gdata[tag_arr])}
							<p class="alert alert-warning">
								分类标签：{loop:$gdata[tag_arr] $v} <i class="icon-price-tag text-muted"></i> <a href="{$v[url]}">{$v[name]}</a> {/loop}
							</p>
							{/if}
							<div class="btn-group clearfix btn-group-sm" role="toolbar">
								<button type="button" class="btn btn-success" disabled="disabled">&gt;&gt;</button>
								{if:isset($gdata[prev][url])}<a href="{$gdata[prev][url]}" class="btn btn-default" role="group">{$gdata[prev][title]}</a>{else}<a href="javascript:;" class="btn btn-default" role="group">没有了</a>{/if}
							</div>
							<br />
							<div class="btn-group mt10 btn-group-sm" role="toolbar">
								<button type="button" class="btn btn-success" disabled="disabled">&lt;&lt;</button>
								{if:isset($gdata[next][url])}<a href="{$gdata[next][url]}" class="btn btn-default" role="group">{$gdata[next][title]}</a>{else}<a href="javascript:;" class="btn btn-default" role="group">没有了</a>{/if}
							</div>
						</div>
					</div>
					{/block}
					{if:$gdata[faqs]}
					<div role="tabpanel" class="tab-pane" id="faq">
						{block:faq dateformat="Y-m-d"}
						{if:empty($data[list])}
							<div class="list-group-item">暂无内容</div>
						{else}
							{loop:$data[list] $v}
							<div class="list-group-item"><a href="javascript:;" furl="{$v[url]}" class="faqshow">{$v[title]}</a> <small class="pull-right text-muted hidden-xs">{$v[lastdate]}</small></p></div>
							{/loop}
						{/if}
						{/block}
					</div>
					{/if}
					{if:$gdata[comments]}
					<div role="tabpanel" class="tab-pane" id="comments">
						{block:comment pagenum="10" firstnum="10"}
						{if:empty($data[list])}
							<div class="list-group-item">暂无评价</div>
						{else}
							{loop:$data[list] $v}
							<div class="list-group-item">
								<p class="list-group-item-heading">{$v[author]} <small class="pull-right text-muted hidden-xs">{$v[date]}</small></p>
								<p class="list-group-item-text text-muted">{$v[content]}</p>
							</div>
							{/loop}
							<a class="list-group-item" id="load_more" href="javascript:;" next_url="{$data[next_url]}" isnext="{$data[isnext]}">更多评论</a>
						{/if}
						{/block}
					</div>
					{/if}	
				</div>
			</div>
		</div>
		<div class="col-sm-4">
		<div id="rightfix">
			<table class="table table-bordered">
			<tbody>
				<tr class="active">
				<td colspan="2" class="text-success text-center">
			{if:$gdata[price]>0}<strong class="text-warning" style="font-size:1.5em"><small>￥</small>{$gdata[price]} </strong>{if:!empty($gdata[old_price])}<del class="small text-muted">{$gdata[old_price]}</del>{/if}{else}免费下载{/if}
				
			{if:!empty($gdata[iszk])}
			{php}$zk_days = $gdata['zk_end']-time();{/php}
				<p class="text-red" id="time-item" rel="{$zk_days}"><i class="icon-gift"></i> 限时优惠中：{if:$zk_days>0}<strong id="day_show">0天</strong><strong id="hour_show">0时</strong><strong id="minute_show">0分</strong><strong id="second_show">0秒</strong>{/if}</p>
			{/if}
			{if:$gdata[zk_start]>time()}
				<p><i class="icon-time"></i> 限时特价<strong class="text-red">{php}echo $gdata['zk_price']-0;{/php}</strong> （{php}echo date('Y-m-d',$gdata['zk_start']);{/php}开始）</p>
			{/if}
				</td></tr>
				{if:!empty($group[percent]) && !empty($gdata[vipprice]) && ($gdata[vipprice] < $gdata[price])}
				<tr><td colspan="2" class="bg-warning text-center text-red">您是{$group[groupname]} 专享优惠：￥<strong>{$gdata[vipprice]}</strong></td></tr>
				{elseif:!empty($group[issuper])}
				<tr><td colspan="2" class="bg-warning text-center text-red">您是{$group[groupname]} 可免费下载全站资源</td></tr>
				{/if}
				<tr><td class="text-right w1">分类</td><td class="text-success">{$pp_var[name]}</td></tr>
				<tr><td class="text-right w1">授权</td><td class="text-success">{if:$gdata[license]}{$gdata[license]}{else}-{/if}</td></tr>
				<tr><td class="text-right w1">语言</td><td class="text-success">{$gdata[lan]}{if:$gdata[sqls]} + {$gdata[sqls]}{/if}</td></tr>
				<tr><td class="text-right w1">演示</td><td class="text-success">{if:!empty($gdata[demo_url])}<a href="{$gdata[demo_url]}" target="_blank" rel="nofollow">演示地址</a>{else}-{/if}</td></tr>
				<tr><td class="text-right w1">发布于</td><td>{$gdata[date]}</td></tr>
				<tr><td class="text-right w1">更新于</td><td class="text-info">{$gdata[last]}</td></tr>
				<tr><td colspan="2"><p class="text-center" style="pointer-events: none;" id="show_order" data="{if:!empty($user)}{$user[uid]}{else}0{/if}"><span class="star" gold="{if:$gdata[goldarr][gold]>0}{$gdata[goldarr][gold]}{else}4{/if}"></span> <small class="text-muted">{if:$gdata[goldarr][gold]>0}{$gdata[goldarr][gold]}分{/if}{if:$gdata[goldarr][golder]>0}/{$gdata[goldarr][golder]}人{/if}</small></p></td></tr>
			</tbody>
			</table>
			<div class="panel panel-default">
				<div class="panel-heading">{if:$gdata[price]>0}{if:$gdata[isBuyed]}您已经订购成功{else}赞助下载{/if}{else}免费下载{/if}</div>
			{if:$gdata[isBuyed] || ($user && $gdata[price]==0) || (!empty($group[issuper]) && empty($gdata[vipprice]))}
				<div class="panel-body">
					{if:!empty($gdata[downs])}
						{loop:$gdata[downs] $v}
						<form id="download{$v[aid]}" action="{$pp[webdir]}member/index.php?book-down" method="post">
							<input type="hidden" name="pid" value="{$gdata[id]}" />
							<input type="hidden" name="aid" value="{$v[aid]}" />
							<a href="javascript:;" onclick="document.getElementById('download{$v[aid]}').submit();"><span class="icon-attachment"></span> {$v[title]} <small class="text-muted">({$v[size_mb]}MB)</small></a>
						</form>
						{/loop}
					{/if}
					{if:!empty($gdata[down_pan])}
						<p class="text-success mt20">远程下载信息：<br />
						<a href="{$gdata[down_pan]}" target="_blank" class="text-info">{$gdata[down_pan]}</a> <br />
						{$gdata[pan_code]}
						</p>
					{/if}
				</div>
			{else}
				<div class="panel-body text-success">
					{if:!empty($gdata[downs])}
						{loop:$gdata[downs] $v}
							<a href="javascript:;" onclick="layer.msg('无下载权限',function(){});"><span class="icon-attachment"></span> {$v[title]} <small class="text-muted">({$v[size_mb]}MB)</small></a><br />
						{/loop}
					{/if}
					{if:!empty($gdata[down_pan])}
						<p>远程下载：***</p>
					{/if}
					{if:$gdata[status]==1}
						<button class="btn btn-info btn-block" type="button">未正式上架请稍候购买，感谢关注</button>
					{else}
						<form class="form-horizontal" id="order_book" method="post" action="{$pp[webdir]}member/index.php?book-add_ajax">
							{if:$user}
								<input type="hidden" name="book[ordernum]" value="1" />
								<input type="hidden" name="book[pid]" value="{$gdata[id]}" />
								<input type="hidden" name="book[cid]" value="{$gdata[cid]}" />
								<input type="hidden" id="book_price" value="{php}echo min($gdata['price'],$gdata['vipprice']);{/php}" />
								<input type="hidden" id="user_price" value="{if:$user}{$user[money]}{else}0{/if}" />
								<button type="button" class="btn btn-info btn-block" id="send"><span class="icon-cart"></span> 确认订购</button>
							{else}
								<a class="btn btn-warning btn-block" href="{$pp[webdir]}member/index.php?u=public-login">请登陆</a>
							{/if}
						</form>
					{/if}
				</div>
			{/if}
			</div>
		</div>
		</div>
	</div>
</div>
<div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" id="faqshow">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title text-success"></h4>
			</div>
			<div class="modal-body"></div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			</div>
		</div>
	</div>
</div>
<script src="{$pp[webdir]}static/js/jquery.raty.js"></script>
<script>
function timer(){
	var intDiff = $('#time-item').attr('rel');
	window.setInterval(function(){
	var day=0,
		hour=0,
		minute=0,
		second=0;//时间默认值		
	if(intDiff > 0){
		day = Math.floor(intDiff / (60 * 60 * 24));
		hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
		minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
		second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
	}
	if (minute <= 9) minute = '0' + minute;
	if (second <= 9) second = '0' + second;
	$('#day_show').html(day+"天");
	$('#hour_show').html('<s id="h"></s>'+hour+'时');
	$('#minute_show').html('<s></s>'+minute+'分');
	$('#second_show').html('<s></s>'+second+'秒');
	intDiff--;
	}, 1000);
}
$(document).ready(function(){
	layer.config({extend: 'extend/layer.ext.js'});
	layer.ready(function(){ 
		layer.photos({photos: '#photosDemo',shift:-1});
	});
	timer();
	$.getScript("{$gdata[views_url]}", function(){});
	$(".faqshow").click(function(){
		$.getJSON($(this).attr('furl'), function(result){
			$('#faqshow').modal();
			$('.modal-title').text(result.title);
			$('.modal-body').html(result.content);
		});
	});
	$("#send").click(function(){
		var user_price = $('#user_price').val(),totalprice = $('#book_price').val() * 1;
		if(totalprice*1 > user_price*1){
			var H = Math.max(350, document.documentElement.clientHeight - 30) + 'px';
			layer.open({
				type: 1,
				title: ['友情提醒', 'font-weight:bold;color:green'],
				btn: ['去充值', '取消'],
				yes: function(index, layero){
					window.location.href	= '{$pp[webdir]}member/index.php?u=record-order-price-' + (totalprice-user_price);
				},cancel: function(index){
				},
				shadeClose: true,
				scrollbar: false,
				content: "<p class='alert text-danger'>余额不足！您至少需要充值："+(totalprice-user_price)+"</p>"
			});
			return false;
		}else{
			layer.open({
				title: ['友情提醒', 'font-weight:bold;color:green'],
				btn:['确认','取消'],
				yes:function(index,layero){
					var btn = layero.find('.layui-layer-btn'); //按钮组
					var body = layero.find('.layui-layer-content'); //内容区
					btn.hide();
					body.append("<br/>请稍候...若无响应请到<a class='text-info' href='{$pp[webdir]}member/index.php?u=book-index' target='_blank'>会员中心</a>查看！");
					$.ajax({
						type	: "POST",
						cache	: false,
						url		: $('#order_book').attr("action"),
						data	: $('#order_book').serialize(),
						success	: function(data){
							ppAjax.alert(data);
							if(window.ppData.err==0){
								layer.msg('订购成功，请稍后，即将进入会员中心下载！', {icon: 1,time: 2000,shade: 0.6}, function(){window.location = '{$pp[webdir]}member/index.php?u=book-index';});
							}else{
								layer.alert(window.ppData.msg, {icon: 5,shade: 0.6}) ;
							}
						},
						error : function(html){
							layer.alert("提交数据失败，代码:"+ html.status +"，请稍候再试", {icon: 0,shade: 0.6}) ;
						}
					});
				},
				cancel:function(index){
					layer.close(index);
				},
				shadeClose: true,
				scrollbar: false,
				content: '确认购买？确认后将扣除' + totalprice + '元'
			});
		}
	});
	$('.star').raty({
		hints: ['很差！','一般！','不错！','很好！','力荐！'],
		number: 5,
		path: webdir + 'static/rate/',
		starOff: 'star-off-big.png',
		starOn: 'star-on-big.png',
		size: 24,
		score: $('.star').attr('gold'),
		showHalf: true,
	});
	var obj = $("#load_more");
	var next_url = obj.attr("next_url");
	var isnext = obj.attr("isnext");
	var no_more = function() {
		obj.html("没有了...");
		if(typeof load_more != "undefined") obj.off("click", load_more);
		if(typeof auto_load_more != "undefined") $(window).off("scroll", auto_load_more);
	}
	if(isnext < 1) { no_more(); return; }
	var twJosnLock = false;
	var load_more = function() {
		if(!next_url || twJosnLock) return;
		obj.html("加载中...");
		twJosnLock = true;
		$.get(next_url, function(data) {
			try{
				var json = eval("("+data+")");
				next_url = json.next_url;
				$.each(json.list_arr, function(i,item){
					var s = '<div class="list-group-item">';
						s += '<p class="list-group-item-heading">'+item.author+' <small class="pull-right text-muted">'+item.date+'</small></p>';
						s += '<p class="list-group-item-text text-muted">'+item.content+'</p>';
						s += '</div>';
					$("#comments >.list-group-item:last").before(s);
				});
				obj.html("更多评论");
				twJosnLock = false;
				if(json.isnext < 1) no_more();
			}catch(e){
				alert(data);
			}
		});
	}
	obj.click(load_more);
});
</script>
{inc:footer.htm}